<template>
	<view>
		<view
		  class="gradient-bg1"
			style="background: url(https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230411/e63bcf73858e37c567847ca55821ddfa.png) no-repeat;background-size: 100%;width: 100%;height: 700rpx;" v-if="false">
		</view>
		<view class="gradient-bg1"></view>
		<view style="width: 92%;position: absolute;top:10rpx;left: 4%;padding-bottom: 30rpx;">
			<view style="position: relative;">
				<input v-model="keywords" type="text" value="" class="sou" placeholder-class="suo"
					placeholder="找人/找货/搜信息" confirm-type="search" @confirm="search" />
				<image
					src="https://dyeego.oss-cn-beijing.aliyuncs.com/uploads/20220325/91243acc628efa1338d3d38826d22484.png"
					class="souicon" mode=""></image>
			</view>
			<view class="fenlei prow30 bg-white">
				<view class="flex flex-wrap" v-if="false">
					<view @click="tz_dianji(index,item.id,item.is_child,item.name,item.special_type)" :customStyle="{}"
					v-for="(item, index) in yuan_list1" :index="index" :key="index">
						<image :src="item.main_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
						<view :class="index==tabindex?'actives':'as'"
							style="font-size: 24rpx;line-height: 30rpx;">
							{{item.name}}
						</view>
					</view>
				</view>
				<swiper :indicator-dots="fl_xianshi" :class="['swiper',gaodu?'da_gao':'xiao_gao']">
					<swiper-item>
						<u-grid :border="false">
							<u-grid-item @click="tz_dianji(index,item.id,item.is_child,item.name,item.special_type)" :customStyle="{width:138+'rpx',height:138+'rpx'}"
								v-for="(item, index) in yuan_list1.slice(0,10)" :index="index" :key="index">
								<image :src="item.main_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
								<view :class="index==tabindex?'actives':'as'"
									style="font-size: 24rpx;line-height: 30rpx;">
									{{item.name}}
								</view>
							</u-grid-item>
						</u-grid>
					</swiper-item>
					<swiper-item v-if="yuan_list1.length>10">
						<u-grid :border="false">
							<u-grid-item @click="tz_dianji(index+10,item.id,item.is_child,item.name,item.special_type)" :customStyle="{width:138+'rpx',height:138+'rpx'}"
								v-for="(item, index) in yuan_list1.slice(10,20)" :index="index + 10" :key="index">
								<image :src="item.main_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
				 			<view :class="index+10==tabindex?'actives':'as'"
									style="font-size: 24rpx;line-height: 30rpx;">
									{{item.name}}
								</view>
							</u-grid-item>
						</u-grid>
					</swiper-item>
					<swiper-item v-if="yuan_list1.length>20">
						<u-grid :border="false">
							<u-grid-item @click="tz_dianji(index+20,item.id,item.is_child,item.name,item.special_type)" :customStyle="{width:138+'rpx',height:138+'rpx'}"
								v-for="(item, index) in yuan_list1.slice(20,30)" :index="index + 20" :key="index">
								<image :src="item.main_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
								<view :class="index+20==tabindex?'actives':'as'"
									style="font-size: 24rpx;line-height: 30rpx;">
									{{item.name}}
								</view>
							</u-grid-item>
						</u-grid>
					</swiper-item>
				</swiper>
			</view>
			<view class="flex justify-between items-center" style="line-height: 60rpx;color: #000000;font-size: 30rpx;font-weight: 600;">
				推荐服务商
				<view class="flex items-center" @click="search" style="color: #999999;font-size: 24rpx;">
					更多企业
					<u-icon class="" name="arrow-right" color="#999" size="14"></u-icon>
				</view>
			</view>

			<view @click="qyxq(item.id,item.special_manage,item.name)" v-for="(item,index) in wl_list" :key='index'>
				<view v-if="item.special_manage==2" style="box-sizing: border-box;padding: 30rpx 30rpx 0;background-color: #FFFFFF;margin-top: 26rpx;border-radius: 16rpx;">
					<view style="overflow: hidden;">
						<view style="width: 35%;float: left;position: relative;">
							<image :src="item.logo_image"
								style="width: 190rpx;height: 190rpx;display: block;border-radius: 10rpx;left: 0;" mode="aspectFill"></image>
						</view>
						<view style="width: 65%;float: left;padding: 6rpx 0;">
							<!-- <view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;"
								class="yihang">
								<text
									style="background: linear-gradient(0deg, #C18C26 0%, #E1AC4E 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 22rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
									认证
								</text>
								{{item.name}}
							</view> -->
							<view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;" class="yihang">

								{{item.name}}
							</view>
							<view style="overflow: hidden;line-height: 30rpx;margin: 10rpx 0;">
								<view style="width: 10%;float: left;">
									<image
										src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/%E5%9B%BE%E5%B1%82%20564%402x.png"
										style="width: 30rpx;height: 30rpx;" mode=""></image>
								</view>
								<view style="color: #333333;font-size: 22rpx;width: 90%;float: left;">
									{{item.wl_address_text || ''}}
								</view>
							</view>
							<view style="overflow: hidden;line-height: 30rpx;">
								<view style="width: 10%;float: left;">
									<image
										src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/%E5%9B%BE%E5%B1%82%20565%402x.png"
										style="width: 30rpx;height: 30rpx;" mode=""></image>
								</view>
								<view style="color: #333333;font-size: 22rpx;width: 90%;float: left;">
									{{item.wl_main_text || ''}}
								</view>
							</view>
						</view>
					</view>
					<view style="display: flex;text-align: center;color: #999999;font-size: 22rpx;line-height: 100rpx;">
						<view style="flex: 1;">
							浏览量：{{item.views_num}}
						</view>
						<view style="flex: 1;">
							关注数：{{item.contact_num}}人
						</view>
						<view style="flex: 1;">
							联系次数：{{item.attention_num}}次
						</view>
					</view>
				</view>
				<view v-if="item.special_manage==1" style="box-sizing: border-box;padding: 30rpx 30rpx 0;background-color: #FFFFFF;margin-top: 26rpx;border-radius: 16rpx;">
					<view style="overflow: hidden;">
						<view style="width: 35%;float: left;position: relative;">
							<image :src="item.logo_image" style="width: 190rpx;height: 190rpx;display: block;border-radius: 10rpx;left: 0;" mode="aspectFill"></image>
							<!-- <text style="color: #AF7300;font-size: 22rpx;padding: 6rpx 20rpx;background-color: #EFE0C3;position: absolute;top: 0;left: 0;border-top-left-radius: 10rpx;">
								{{item.client_position_text}}
							</text> -->
						</view>
						<view style="width: 65%;float: left;padding: 6rpx 0;">
							<!-- <view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;" class="yihang">
								<text style="background: linear-gradient(0deg, #C18C26 0%, #E1AC4E 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 22rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
									认证
								</text>
								{{item.name}}
							</view> -->
							<view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;" class="yihang">

								{{item.name}}
							</view>
							<view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;overflow: hidden;">
								<text v-for="(a,b) in item.client_position_arr" :key='b' style="background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 22rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;margin-bottom: 10rpx;">
									{{a.title || ''}}
								</text>
							</view>
							<view style="line-height: 30rpx;height: 60rpx;color: #999999;font-size: 22rpx;margin: 10rpx 0;" class="erhang">
								主营：{{item.manage || '暂无主营'}}
							</view>
							<view v-if="item.city" style="line-height: 50rpx;color: #999999;font-size: 22rpx;">
								<text class="iconfont icon-dizhi2" style="color: #909193;font-size: 24rpx;"></text>
								{{item.city || ''}}-{{item.district || ''}}
							</view>
						</view>
					</view>
					<view style="display: flex;text-align: center;color: #999999;font-size: 22rpx;line-height: 100rpx;">
						<view style="flex: 1;">
							浏览量：{{item.views_num}}
						</view>
						<view style="flex: 1;">
							关注数：{{item.attention_num}}人
						</view>
						<view style="flex: 1;">
							联系次数：{{item.contact_num || 0}}次
						</view>
					</view>
				</view>
				<view v-if="item.special_manage==3" style="box-sizing: border-box;padding: 30rpx 30rpx 0;background-color: #FFFFFF;margin-top: 26rpx;border-radius: 16rpx;">
					<view style="overflow: hidden;">
						<view style="width: 35%;float: left;position: relative;">
							<image :src="item.logo_image" style="width: 190rpx;height: 190rpx;display: block;border-radius: 10rpx;left: 0;" mode="aspectFill"></image>
							<!-- <text style="color: #AF7300;font-size: 22rpx;padding: 6rpx 20rpx;background-color: #EFE0C3;position: absolute;top: 0;left: 0;border-top-left-radius: 10rpx;">
								{{item.client_position_text}}
							</text> -->
						</view>
						<view style="width: 65%;float: left;padding: 6rpx 0;">
							<!-- <view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;" class="yihang">
								<text style="background: linear-gradient(0deg, #C18C26 0%, #E1AC4E 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 22rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
									认证
								</text>
								{{item.name}}
							</view> -->
							<view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;" class="yihang">

								{{item.name}}
							</view>
							<view style="line-height: 40rpx;color: #010101;font-size: 32rpx;margin: 10rpx 0;overflow: hidden;">
								<text v-for="(a,b) in item.client_position_arr" :key='b' style="background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 22rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;margin-bottom: 10rpx;">
									{{a.title || ''}}
								</text>
							</view>
							<view style="line-height: 30rpx;color: #999999;font-size: 22rpx;margin: 10rpx 0;" class="sanhang">
								生产品类：{{item.process_text || '暂无生产品类'}}
							</view>
							<!-- <view v-if="item.city" style="line-height: 50rpx;color: #999999;font-size: 22rpx;">
								<text class="iconfont icon-dizhi2" style="color: #909193;font-size: 24rpx;"></text>
								{{item.city || ''}}-{{item.district || ''}}
							</view> -->
						</view>
					</view>
					<view style="display: flex;text-align: center;color: #999999;font-size: 22rpx;line-height: 100rpx;">
						<view style="flex: 1;">
							浏览量：{{item.views_num}}
						</view>
						<view style="flex: 1;">
							关注数：{{item.attention_num}}人
						</view>
						<view style="flex: 1;">
							联系次数：{{item.contact_num || 0}}次
						</view>
					</view>
				</view>
			</view>

			<view v-if="wl_list.length<=0" style="text-align: center;margin-top: 50rpx;">
				<image
					src="https://dyeego.oss-cn-beijing.aliyuncs.com/uploads/20220406/9f0a29c5b79b0296d72cf8f5bb77f5c2.png"
					style="width: 60%" mode="widthFix"></image>
			</view>
			<!-- <view v-if="wl_list.length<=0"
				style="font-size: 28rpx;color: #C0C0C0;text-align: center;line-height: 60rpx;width: 100%;padding-bottom: 40rpx;">
				已经到底了！
			</view> -->

			<view>
				<view style="width: 100%;margin: 0 auto;line-height: 80rpx;">
					<scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
							<view v-for="(item,index) in tab_list" :key='item.id' class="uni-tab-item" :id="item.ids" :data-current="index" @click="qi_huo(index)">
							    <text class="uni-tab-item-title" :class="qh_type==index ? 'uni-tab-item-title-active' : ''">{{item.title}}</text>
								<image v-if="qh_type==index && false" src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230411/2176b3fec852179c4610f402fdac0589.png" style="width: 100rpx;height: 12rpx;position: absolute;left: 50%;bottom: 16rpx;transform: translateX(-50%);"  mode=""></image>
							</view>
					</scroll-view>
				</view>
				<view style="height: auto;">

					<view v-for="(item,index) in list" :key='index'
						style="box-sizing: border-box;padding: 30rpx;background-color: #FFFFFF;margin-top: 26rpx;border-radius: 12rpx;">
						<view @click="tzxq(item.id)" style="overflow: hidden;">
							<view style="width: 18%;float: left;overflow: hidden;position: relative;">
								<image :src="item.user.avatar"
									style="width: 92rpx;height: 92rpx;border-radius: 50%;display: block;left: 0;" mode="aspectFill">
								</image>
								<image v-if="item.user.is_vip==1 && item.type==2"
									src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/ren.png" style="width: 30rpx;height: 30rpx;position: absolute;right: 10rpx;bottom: 0rpx;z-index: 4;"
									mode=""></image>
									<!-- 个人 -->
								<image v-if="item.user.is_vip==2 && item.type==2"
									src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220616/ce4d9a4e5c9d814d939dc3324abc44d6.png" style="width: 30rpx;height: 30rpx;position: absolute;right: 10rpx;bottom:0rpx;z-index: 4;"
									mode=""></image>
									<!-- 企业 -->
								<image v-if="item.type==1"
									src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220616/daf7dad493b169a57961fac90302d9be.png" style="width: 30rpx;height: 30rpx;position: absolute;right:10rpx;bottom:0rpx;z-index: 4;"
									mode=""></image>
							</view>
							<view style="width: 82%;float: left;padding: 6rpx 0;">
								<view style="height: 40rpx;line-height: 40rpx;">
									<text v-if="item.user.is_vip==1"
										style="color: #F29100;font-size: 30rpx;display: inline-block;width: 200rpx;font-weight: 600;"
										class="yihang">{{item.user.remark_name || item.user.name}}</text>
										<text v-if="item.user.is_vip==2"
											style="color: #2B85E4;font-size: 30rpx;display: inline-block;width: 200rpx;font-weight: 600;"
											class="yihang">{{item.user.remark_name || item.user.name}}</text>
									<text style="color: #999999;font-size: 24rpx;float: right;">发布于   {{item.create_time}}</text>
								</view>
								<view v-if="item.type==2" style="font-size: 24rpx;margin-top: 10rpx;line-height: 30rpx;">
									<text v-if="item.user.firm_check==1" style="border-radius: 10rpx;background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 20rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
										已认证
									</text>

									<text v-if="item.user.company!=''">{{item.user.company || ''}}</text>
									<text v-if="item.user.position!=''" style="margin-left: 20rpx;">{{item.user.position || ''}}</text>
								</view>
								<!-- 企业 -->
								<view v-if="item.type==1" style="font-size: 24rpx;margin-top: 10rpx;line-height: 30rpx;">
									<text v-if="item.user.firm_check==1" style="border-radius: 10rpx;background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 20rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
										已认证
									</text>
									<text v-if="item.user.user_nickname!=''">{{item.user.user_nickname || ''}}</text>
									<text v-if="item.user.user_position!=''" style="margin-left: 20rpx;">{{item.user.user_position || ''}}</text>
								</view>
								<view style="overflow: hidden;margin-top: 10rpx;">
									<text class="xiao" style="color: red;" v-if="item.is_top==1">置顶</text>
									<text v-if="item.tips_manage.length>0" v-for="(a,b) in item.tips_manage" :key='b' class="xiao">{{a.name}}</text>
								</view>
								<!-- <view style="height: 40rpx;line-height: 40rpx;color: #999999;font-size: 24rpx;"
									class="yihang">
									{{item.user.company || ''}}
								</view> -->
							</view>
						</view>


						<view @click="tzxq(item.id)">
							<view style="color: #666666;font-size: 28rpx;line-height: 40rpx;margin-top: 30rpx;"
								class="erhang">
								{{item.main_content}}
							</view>
							<view style="overflow: hidden;margin-top: 20rpx;" class="tu" v-if="item.main_images">
								<view v-for="(a,b) in item.main_images" :key='b'
									style="width: 190rpx;height: 190rpx;float: left;border-radius: 16rpx;overflow: hidden;">
									<image :src="a" style="width: 100%;height: 100%;left: 0;" mode="aspectFill"></image>
								</view>

							</view>
						</view>
						<view style="line-height: 80rpx;display: flex;border-top: 1px solid #eeeeee;margin-top: 20rpx;">
							<view
								style="flex: 2;color: #999999;font-size: 24rpx;box-sizing: border-box;padding-left: 60rpx;position: relative;">
								<image
									src="@/static/index/icon_collect.png"
									style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;left: 20rpx;transform: translateY(-50%);"
									mode=""></image>
								收藏({{item.collect_num}})

							</view>
							<view
								style="flex: 2;color: #999999;font-size: 24rpx;box-sizing: border-box;padding-left: 60rpx;position: relative;">
								<image
									src="@/static/index/icon_comment.png"
									style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;left: 20rpx;transform: translateY(-50%);"
									mode=""></image>
								评论({{item.comment_num}})

							</view>
							<view
								style="flex: 2;color: #999999;font-size: 24rpx;box-sizing: border-box;padding-left: 60rpx;position: relative;">
								<image
									src="@/static/index/icon_like.png"
									style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;left: 20rpx;transform: translateY(-50%);"
									mode=""></image>
								点赞({{item.like_num}})

							</view>
						</view>
					</view>

				</view>
				<view v-if="kk" style="text-align: center;">
					<image
						src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/e86889a9b8fd67d8950e4775d67316c.png"
						style="width: 400rpx;" mode="widthFix"></image>
				</view>
				<view v-if="list.length<=0"
					style="font-size: 28rpx;color: #C0C0C0;text-align: center;line-height: 80rpx;width: 100%;padding-bottom: 40rpx;">
					暂无数据
				</view>
				<view v-if="list.length>0 && enmpy"
					style="font-size: 28rpx;color: #C0C0C0;text-align: center;line-height: 80rpx;width: 100%;padding-bottom: 40rpx;">
					已经到底了！
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keywords: '',
				wl_list: [],
				qh_type: 0,
				page: 1,
				kk: false,
				enmpy: false,
				list: [],
				yuan_list1: [],
				fl_xianshi: false,
				tabindex: 0,
				category_id: '',
				status: '',
				pid: '',
				tab_list: [],
				gaodu:false,
				scrollInto:'',
			}
		},
		// onLoad() {
		// 	this.tj_wlqy()
		// 	this.order()
		// },
		onLoad(option) {
			// if(option.voice_category_id){
			// 	this.id=option.voice_category_id
			// }
			if (option.voice_manage_id) {
				this.pid = option.voice_manage_id
				this.tz_fl()
				this.tab()
			}
			if (option.special_type) {
				this.status = option.special_type
			}

			// this.tzfl()
			this.name = option.name
			uni.setNavigationBarTitle({
				title: option.name
			})

		},
		onShow() {

		},
		onReachBottom: function() {
			if (this.enmpy) {
				return
			} else {
				this.order()
			}

		},
		methods: {
			// 帖子分类
			tz_fl: function() {
				this.post('api/voice/manage', {
					id: this.pid,

				}, true).then(res => {
					console.log(res)
					if (res.code == 1) {
						let arr = [{
							name: '全部',
							id: this.pid,
							main_image: 'https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230413/8bfd4d306109650a72cdcc7741788c1b.png'
						}]
						this.yuan_list1 = arr.concat(res.data)
						console.log(this.yuan_list1)
						if (this.yuan_list1.length > 10) {
							this.fl_xianshi = true
						}
						if(this.yuan_list1.length>5){
							this.gaodu=true
						}
						// for(let i=0;i<this.yuan_list1.length;i++){
						// 	this.list1.push(this.yuan_list1[i].name)
						// }
						// if(this.list1.length>10){
						// 	this.fl_xianshi=true
						// }
						// this.tiezi()
					}
				})
			},
			tab: function() {
				this.post('api/voice/service_voice_tab', {
					voice_manage_id: this.pid,

				}, true).then(res => {
					console.log(res)
					if (res.code == 1) {
						this.tab_list = res.data
						for(let i=0;i<this.tab_list.length;i++){
							this.tab_list[i]['ids']='a'+i
						}
						this.page = 1
						this.enmpy = false
						this.kk = false
						this.list = []
						this.tj_wlqy()
						this.order()
					}
				})
			},

			// 推荐物流企业
			tj_wlqy: function() {
				let url
				if (this.status == 2) {
					url = 'api/voice/recommend_firm'
				} else {
					url = 'api/voice/service_firm'
				}
				this.post(url, {
					voice_manage_id: this.pid
				}, true).then(res => {
					console.log(res)
					if (res.code == 1) {
						this.wl_list = res.data
					}
				})
			},
			qyxq: function(id,type,name) {
				if(type==2 || type==3){
					uni.navigateTo({
						url: '../../../subpages/pages/wuliuqiye/wl_qyxq?id=' + id+'&name='+name
					})
				}else{
					uni.navigateTo({
						url:'../wenzhang/qyxq?id='+id+'&name='+name
					})
				}

			},
			search: function() {
				uni.navigateTo({
					url: '../../../subpages/pages/wuliuqiye/wlqy_list?keywords=' + this.keywords
				})
			},
			order: function() {
				let url
				if (this.status == 2) {
					url = 'api/voice/special_voice_list'
				} else {
					url = 'api/voice/service_voice_list'
				}

				let b = {

					voice_manage_id: this.pid,
					page: this.page,
					limit: 10
				}
				b[this.tab_list[this.qh_type].field] = this.tab_list[this.qh_type].id
				this.post(url, b, true).then(res => {
					console.log(res)
					if (res.code == 1) {
						if (this.page == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.kk = true
								this.enmpy = true
								return
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.enmpy = true
								return
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							}
						}

						this.page++
						this.list.push(...res.data.data)
					} else {
						this.kk = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
				})
			},
			qi_huo: function(index) {
				this.scrollInto = this.tab_list[index].ids;
				this.page = 1
				this.enmpy = false
				this.kk = false
				this.list = []
				this.qh_type = index
				this.order()
			},
			yonghu_xx: function(id) {
				uni.navigateTo({
					url: '../wenzhang/yhxx?id=' + id
				})
			},
			tzxq: function(id) {
				uni.navigateTo({
					url: '../wenzhang/wzxq?id=' + id
				})
			},
			tz_dianji(index,id,status,name,type) {
				if(status==1){
					uni.navigateTo({
						url:'wuliu1?name='+name+'&voice_manage_id='+id+'&special_type='+type
					})
				}else{
					if(id==77){
						let url = '/pages/index/qiye'
						uni.switchTab({
							url,
						})
						uni.$emit('changeCompanyTab', 3)
						// uni.setStorageSync('qiye_type',3)
					}else{
						this.qh_type =0
						this.tabindex = index
						this.list = []
						this.kk = false
						this.enmpy = false
						this.page = 1
						this.pid = this.yuan_list1[index].id
						// this.order()
						this.tab()
					}
				}

			},
		}
	}
</script>

<style lang="scss">
	.xiao {
		color: #18A9A5;
		font-size: 20rpx;
		padding: 0rpx 10rpx;
		background: #81D8D0;
		border-radius: 14rpx;
		display: inline-block;
		height: 30rpx;
		line-height: 30rpx;
		margin-right: 10rpx;
		margin-bottom: 10rpx;
		float: left;
	}
	.actives {
		color: #1fb0ac;
		// padding: 16rpx 20rpx;
		// border-radius: 30rpx;
		// background-color: #1FB0AD;
		// margin: 0  20rpx 20rpx 0;
	}

	.as {
		color: #000000;
		// padding: 16rpx 20rpx;
		// border-radius: 30rpx;
		// background-color: #fff;
		// margin: 0  20rpx 20rpx 0;
	}
	.fenlei {
		width: 100%;
		margin: 26rpx 0;
		background-color: #FFFFFF;
		box-sizing: border-box;
		padding: 20rpx 0 10rpx;
		overflow: hidden;
		border-radius: 10rpx;
	}
	.da_gao{
		height: 320rpx;
	}
	.xiao_gao{
		height: 160rpx;
	}

	.qi_type {
		color: #999999;
		font-size: 30rpx;
		font-weight: 500;
	}

	.qiactive_type {
		color: #000000;
		font-size: 30rpx;
		font-weight: 600;
	}

	.qiactive_type::after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: 0rpx;
		transform: translateX(-50%);
		width: 60rpx;
		height: 6rpx;
		background-color: #0078FF;
	}

	page {
		background-color: #F8F8F8 !important;
		padding-bottom: 100rpx;
		font-family: Demibold;
	}

	.sou {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 40rpx;
		color: #FFFFFF;
		font-size: 26rpx;
		box-sizing: border-box;
		padding: 0 30rpx 0 80rpx;
		background-color: rgba(255, 255, 255, .3);
	}

	.suo {
		color: #FFFFFF;
		opacity: 1;
		font-size: 26rpx;
	}

	.souicon {
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		top: 50%;
		left: 30rpx;
		transform: translateY(-50%);

	}
	.scroll-h {
	    width: 100%;
		margin: 0 auto;
	    height: 80rpx;
		line-height: 80rpx;
	    flex-direction: row;
	    /* #ifndef APP-PLUS */
	    white-space: nowrap;
	    /* #endif */
	    /* flex-wrap: nowrap; */
	    /* border-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px; */
	}

	.uni-tab-item {
	    /* #ifndef APP-PLUS */
	    display: inline-block;
	    /* #endif */
	    flex-wrap: nowrap;
		/* float: left; */
		position: relative;
		 display: inline-block;
		 margin-right: 60rpx;
	}
	.uni-tab-item:after{

	}
	.uni-tab-item:first-child:after{
		background: none;
	}
	.uni-tab-item-title {
	    height: 80rpx;
	    line-height: 80rpx;
	    flex-wrap: nowrap;
		font-size: 30rpx;
		color: #999999;
	    /* #ifndef APP-PLUS */
	    white-space: nowrap;
	    /* #endif */
	}

	.uni-tab-item-title-active {
		font-weight: 600;
		font-size: 30rpx;
		color: #000000;
		&::before {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 1;
			width: 40rpx;
			height: 6rpx;
			background-color: #0078FF;
		}
	}
	.gradient-bg1{
		position: relative;
		width: 100%;
		height: 800rpx;
		background: linear-gradient(180deg, #1fb0ac 0%, #F5F5F5 100%);
	}
</style>
